<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>登录</title>
<style>
	body {
		margin:10px auto;
		background-color: lightgray;
        text-align: center
    }
        
    header {
        height: 84px;
        background-color: darkgray;
        border-radius: 16px;
    }
        
    .tx {
        height: 40px;
     }
        
     .tx h2 {
        padding-top: 25px;
     }
        
     .right {
         float: right;
         padding-top: 16px;
         position: relative;
         left: -10px;
      }
        
     .LOption {
         float: left;
         border-radius: 16px;
     }
        
     ul {
         list-style: none;
     }
    </style>
</head>
<body>
    <header>
        <div class="tx">
            <h2>欢迎访问Cool-Meeting会议管理系统</h2>
        </div>
        <div class="right">
            <span>欢迎您，</span><strong>admin</strong>
            <a href="#">[修改密码]</a>
        </div>
    </header>
    <div class="LOption" style="width:20%;height:100%;border: 1px black solid;float:left;">
        <div class="LOne">
            <div class="">个人中心</div>
            <ul class="">
                <li class=""><a href="">最新通知</a></li>
                <li class=""><a href="">我的预定</a></li>
                <li class=""><a href="">我的会议</a></li>
            </ul>
        </div>
        <div class="LTwo">
            <div class="">人员管理</div>
            <ul class="">
                <li class=""><a href="">部门管理</a></li>
                <li class=""><a href="">员工注册</a></li>
                <li class=""><a href="">注册审批</a></li>
                <li class=""><a href="">搜索员工</a></li>
            </ul>
        </div>
        <div class="LThree">
            <div class="">会议预定</div>
            <ul class="">
                <li class=""><a href="">添加会议室</a></li>
                <li class=""><a href="">查看会议室</a></li>
                <li class=""><a href="">预定会议</a></li>
                <li class=""><a href="">搜索会议</a></li>
            </ul>
        </div>
    </div>
    <div class="login">
        <h3>登陆</h3>
        <div class="">
            <form action="LoginServlet" method="POST">
                <label for="">账号：</label> <input name="username"
                 required lay-verify="required" type="text" class="" size="34" placeholder="用户名"><br><br>
                 
                <label for="">密码：</label> <input name="password"
                 required lay-verify="required" type="password" class="" size="34" placeholder="密码"><br><br>
                 
               <!--  <label for="">年龄：</label> <input name="age"
                 required lay-verify="required" type="text" class="" size="34" placeholder="年龄"><br><br> -->

                <input type="submit" value="登录" class="">
            </form>
        </div>
    </div>
</body>



</html>